<template>
	<div class="teach">
		<ul>
			<li v-for="(v,i) in this.$store.state.bangong" :key="i">
				<h4>{{v.title}}</h4>
				<p>{{v.content}}</p>
				<img :src="v.img" />
				<span>{{v.score}}</span>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		created() {
			this.$store.dispatch("bangongaxios")
		}
	}
</script>

<style scoped="scoped" lang="scss">
	.teach{
		padding-bottom: 0.55rem;
		li{
			width:calc(100% - 0.5rem);
			padding: 0.15rem 0.25rem 0.4rem 0.25rem;
			border-bottom: 0.01rem solid #EEEEEE;
			position: relative;
			h4{
				font-size: 0.16rem;
			}
			p{
				color: #424242;
				line-height: 0.22rem;
				font-size: 0.14rem;
			}
			img{
				position: absolute;
				bottom: 0.2rem;
				left: 0.25rem;
			}
			span{
				color:#7e7e7e;
				font-size: 0.12rem;
				position: absolute;
				bottom: 0.2rem;
				left: 0.45rem;
			}
		}
	}
</style>
